<template>
	<view class="message">
		<view v-for="(item, index) in msg.list" :key="index">
			<rui-chat-message-you :data="item" :current="index" v-if="item.from == 'you'"></rui-chat-message-you>
			<rui-chat-message-me :data="item" v-if="item.from == 'me'"></rui-chat-message-me>
		</view>
	</view>

</template>

<script setup>
	import {
		ref,
	} from "vue"

	import {
		msgStore
	} from "@/store/index.js"
	const msg = msgStore()

	
</script>

<style lang="scss" scoped>
	.message {
		padding: 100rpx 0 150rpx;
	}
</style>